function Head($container,status) {
    this._status = status;
    this._$container = $container;
    this.init();
}
Head.prototype.init = function() {
    this.render();
    this.eventCenter();
};
Head.prototype.render = function() {
    var user_name = $('#login_user_name').val();
    var template = __inline("./whitehead.tmpl");
    var content = template({user_name:user_name});
    this._$container.prepend(content);
};

Head.prototype.eventCenter = function () {
    var me = this;
    $(window).bind('scroll resize',function() {
        me.toggle();
    });
    // $('#wb_icon').hover(
    //     function() {
    //         $(this).css('background-position','-32px -64px');
    //         $('.wb_layer').show();
    //     },function() {
    //         $('.wb_layer').hide();
    //         if(me._status == 'black') {
    //             $(this).css('background-position','-32px -32px');
    //         } else {
    //             $(this).css('background-position','-32px 0px');    
    //         }
    //     }
    // );
    // $('#wx_icon').hover(
    //     function() {
    //         $(this).css('background-position','-0px -64px');
    //         $('.wx_layer').show();
    //     },function() {
    //         $('.wx_layer').hide();
    //         if(me._status == 'black') {
    //             $(this).css('background-position','0px -32px');
    //         } else {
    //             $(this).css('background-position','0px 0px');    
    //         }
            
    //     }
    // );
}
Head.prototype.toggle = function() {
    var me = this;
    var height = $(window).height();
    var top = $(document).scrollTop();
    // if(top >= height - 80) {
    //     if(me._status == 'black') {
    //         return;
    //     }
    //     $('.logo').css('background-position', '-127px 0px');

    //     $('#whiteheader .v_line').css('background-color','#CCC');
    //     $('#whiteheader .logo_info').css('color', '#999');
    //     $('#whiteheader .logo_info span').css('color', '#F93');
        
    //     $('#wb_icon').css('background-position','-32px -32px');
    //     $('#wx_icon').css('background-position','0px -32px');

    //     $('#whiteheader ul li a').css('color','#336');
    //     $('#whiteheader ul li').css('color','#336');
    //     $('#whiteheader').css('background-color','#FFF');
    //     $('#whiteheader').css('-webkit-box-shadow', '0 1px 3px rgba(0, 0, 0, 0.1)');
    //     $('#whiteheader').css('-moz-box-shadow','0 1px 3px rgba(0, 0, 0, 0.1)');
    //     $('#whiteheader').css('box-shadow','0 1px 3px rgba(0, 0, 0, 0.1)');
    //     me._status = 'black';
    // } else {
    //     if(me._status == 'white') {
    //         return;
    //     }
    //     $('.logo').css('background-position', '0px 0px');

    //     $('#whiteheader .v_line').css('background-color','#669');
    //     $('#whiteheader .logo_info').css('color', '#669');
    //     $('#whiteheader .logo_info span').css('color', '#CCF');
        
    //     $('#wb_icon').css('background-position','-32px 0px');
    //     $('#wx_icon').css('background-position','0px 0px');

    //     $('#whiteheader ul li a').css('color','#FFF');
    //     $('#whiteheader ul li').css('color','#FFF');
    //     $('#whiteheader').css('background-color','transparent');
    //     $('#whiteheader').css('-webkit-box-shadow', '0 0px 0px rgba(0, 0, 0, 0.1)');
    //     $('#whiteheader').css('-moz-box-shadow','0 0px 0px rgba(0, 0, 0, 0.1)');
    //     $('#whiteheader').css('box-shadow','0 0px 0px rgba(0, 0, 0, 0.1)');
    //     me._status = 'white';
    // }
}

module.exports = Head;
